@charset "utf-8";
body{
 padding: auto;
 width:960px;
 margin:auto;
}
/*logo区域*/
header{
 width: 960px;
 margin: auto;
 padding: auto;
}
 header b{
   color:green;
}
h1{
 margin: 0;
 float: left;
 width:98px;
}
.text{
 float：left;
 line-height: 3.5;
 color:#bdc3c7;
}
.logo{
 float: left;
 width: 960px;
}
header{
 float: left;
 padding:0 5%;
 border-top: 4px;
 solid:#000;
}
header nav{
 float: left;
 width: 40%;
}
header nav ul{
 list-style: none;
}
header nav ul li{
 float:left;
 width: 20%;
 text-align: center;
 font-size: 14px;
 color: #bdc3c7;
 padding: 5px;
}
.active{
 background:#1abc9c;
 border-radius: 2px;
}
.active a{
 color:#fff;
}
nav a{
 color:#bdc3c7;
 border:0;
 text-decoration: none;
}
.boke{
 color: #bdc3c7;
 width: 480px;
 margin-bottom: 0;
 float: left;
 margin-top: 0;
 margin-right: auto;
 margin-left: auto;
 height: 50px;
}

.arctile{
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 float: right;
 color: #bdc3c7;
 width: 480px;
 height: 50px;
}


.arctile ul{
 text-decoration: none;
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}
.content .unit {
 width: 30%;
}
.content .tupian {
 width: 960px;
}
.logo {
 height: 100px;
 width: 960px;
 float: right;
}
.houmian {
 height: 300px;
 width: 960px;
}
.houmian .left {
 color: #bdc3c7;
 float: left;
 height: 300px;
 width: 240px;
}

.houmian .zhong1 {
 color: #bdc3c7;
 float: left;
 height: 300px;
 width: 240px;
}
.houmian .zhong2 {
 color: #bdc3c7;
 float: left;
 height: 300px;
 width: 240px;
}
.houmian .right {
 color: #bdc3c7;
 float: left;
 height: 300px;
 width: 240px;
}

.arctile ul li{
 float: left;
 margin-left: 1px;
 height: 45px;
 width: 140px;
 line-height: 45px;
}
.arctile ul li a{
 font-size: 10px;
 text-align: center;
 display: block;
 height: 45px;
 width: 140px;
}
.arctile a{

 text-decoration: none;
}
.qq{
 background-color: #00acee;
}
.wechat{
 background-color: #ea4c89;

}
.weibo{
 background-color: #db4a39;
}
.content{
 color:#bdc3c7;
 width:960px;
 margin: 0 auto;
 position: relative;
}
.unit {
 width:300px;
 margin: 0 auto;
 text-align: center;
}
.unit ul{
 display: inline;
 text-align: center;
 margin: 0 auto;
 list-style-type: none;
}

.unit ul li{
 float: left;
 color: #bdc3c7;
 text-decoration: none;
}
.unit ul li::after{
 content: '/';
 text-decoration: none;
}
footer{
 padding:0 5%;
 border-top: 4px;
 solid:#000;
 }
